{extend name='/layout/layoutname'}
{block name='head'}
	<title>交易行情-蚁巢众筹</title>
		<link rel="stylesheet" href="/static/css/Octen_center.css" />
	<style type="text/css">
		.section{
			width: 100%;
			height: 100%;
			margin: 0 auto;
			left: 20%;
			}
		.section_nav{
			width: 60%;
			height: 40px;
			margin: 50px 0 0 0;
		}
		.section .section_nav ul{
			float: left;
			width: 100%;
			height: 40px;
			list-style: none;
			background: #EEEEEE;
			border-radius:10px ;
			margin:0px 0px 0 0px;
		}	
		.section .section_nav ul li{
			float: left;
			margin:  0 0 0 20px;
			line-height: 40px;
			width: 80px;
			height: 100%;
			background: #EEEEEE;
			text-align: center;
			cursor: pointer;
		}
	    
		.section .section_nav ul li:active{
			background: #2CB5F5;
		}	
		.section .section_nav ul li:first-child{
			background:#EEEEEE url(/static/img/stars.png) no-repeat 5% 50%;
			
		}
		.section .section_nav ul li:first-child:active{
			background: #2CB5F5;
		}
		.section .section_nav input{
            width: 100px;
			height: 25px;
			margin: 1% 0 0 5%;
			background: url(img/tb.png)no-repeat 10% 50%;
			text-indent: 30%;
		}	
		.section .section_img{
			width: 100%;
			height: 100%;
		}
		.section .section_img ul{
			position: absolute;
			top: -57px;
			list-style: none;
		}
		.section .section_img>ul>li{
			font-size: 14px;
			margin: 58px 0 0 0;
			color: #E84545;
		}	
		.section .section_img .section_bg{
			width: 30%;
			height: 150px;
			position: absolute;
			right: -3%;
			top: 0px;
		}
		.section .section_img .section_bg ul{
			position: absolute;
			top: 0;
		}
		.section .section_imgxia ul{
	     	list-style: none;
	     }
	    .section .section_imgxia ul li{
	     	font-size: 20px;
	     	float: left;
	     	margin: 1% 0 0 4%;
	     }
	     .section .section_table table{
	     	width: 100%;
	     	height: 100px;
	     	margin: 100px 0 0 0;
	     }
	     .section .section_table table tr{
	     	width: 25%;
	     }
	     .section .section_table table tr td{
	     	text-align: center;
	     	font-size: 32px;
	     	color: #2CB5F5;
	     }
	     .section_tab{
			position: relative;
		}
		.section_tab .tab_div{
			position: absolute;
			display: none;
		}
		
		/*//注册部分*/
		.big{
			width: 70%;
			height: 600px;
			background: #FFFFFF;
			position: absolute;
			top: 20%;
			left: 13%;
			background: #fff;
			display: none;
		}
		.rgerster{
			text-align: center;
			max-width: 400px;
			margin: 0 auto;
			border: 1px solid #D2D2D2;
			border-radius: 5%;
			position: relative;
		}
		.rgerster div{
		    margin: 15px 0 15px 0;
		}
		.rgerster div p{
			width: 25%;
			display: inline-block;
		}
		.rgerster div p span{
			color: red;
		}
		.rgerster div span{
			display: inline-block;
		}
		.rgerster div input{
			border-radius: 7px;
			border: 1px solid #ccc;
			text-indent:20px ;
			height: 35px;
			width: 70%;
			
		}
		.gb{
			position: absolute;
			right: 0;
			top: 0;
			cursor: pointer;
		}
		h3{
			position: relative;
			margin:4% 0 1% 0;
		}
		.rgerster div .wf{
			font-size: 12px;
			color: #2CB5F5;
			width: 40%;
			display: inline-block;
		}
		/*.dxk{
			text-align: right;
		}*/
		
		.dxk>input{
			width: 10%;
			border: 1px solid #2CB5F5;
			vertical-align: middle;
		}
		.rgerster div button{
			width: 50%;
			height: 35px;
			text-align: center;
		    border: none;
		    border-radius: 10px;
		    color: #FFFFFF;
		    background: #2CB5F5;
		    cursor: pointer;
		}
		.rgerster div .wf{
			width: 40%;
		}
	</style>
{/block}
{block name='body'}
	<div class="scroll" id='earnings_scroll'>
		<div class="scroll_picture" id='earnings_bg'>
		{if condition="$user"}
			<div class="sign_out sign preoare_sign">
				<p>账户信息</p>
				<p>
					<span>账户:</span>
					<span>{$user['username'] ? $user['username'] : $user['mobile']}</span>
					<a href="javascript:;" onclick="history.go(0)">刷新</a>
				</p>
				<p>
					<span>总资金:</span>
					<span>{$user['total_funds']}</span>
				</p>
				<p>
					<span>可用资金:</span>
					<span>{$user['available_funds']}</span>
				</p>
				<p>
					<span>佣金:</span>
					<span>{$user['commission']}</span>
				</p>
				<button onclick='signout(this,"{:url('index/index/signout')}")'>安全退出</button>
			</div>
		{else/}
			<div class="sign_in sign preoare_sign">
				<input type="text" name="mobile" class="phone_num input" style="background-color: white;" placeholder="请输入手机号码"/>
				<input type="password" name="password" class="password input" style="background-color: white;" placeholder="请输入密码"/>
				<div class="link">
					<a href="#" class="register">立即注册</a>
				    <a href="#" class="forget_pass">忘记密码?</a>
				</div>
				<input type="button" onclick='signin(this,"{:url('index/index/login')}")' value="登录" class="sign_in_block"/>
			</div>
		{/if}
		</div>
		<div class="notice">
			<div class="official_notice">官网公告</div>
			<span class="notice_title">{$notice[0]['n_title']}</span>
		</div>
	</div>
	<div class="business" id='earnings_business'>
		<div class="main_center center">
			<div>  <!--防止siblings出错-->
				<div id="container" style="width: 100%; height: 500px;"></div>
				<ul class="click saloon_position" id='earnings_click'>
					<li class="btn_service"><img src="/static/img/service.png" alt="客服" /><br />客服</li>
					<li class="app_red_letter_btn"><img src="/static/img/new_hand.png" alt="新手" /><br />新手</li>
					<li class="app_red_letter_btn"><img src="/static/img/letter、.png" alt="信" /><br />信</li>
				</ul>
			</div>	
		</div>
	</div>
{/block}
{block name='box'}
	<div class="big">
		<div class="rgerster">
			<h3>注册新用户</h3>
			<div class="gb">
				<img src="/static/img/cancel.png"/>
			</div>
			<div>
				<p><span>*</span>手机号</p>
				<input type="text" name="mobile" placeholder="请输入您的手机号"/>	
			</div>
			<div>
				<div onclick="verifyimg('{:captcha_src()}')"><img src="{:captcha_src()}" class="verifyimg" alt="captcha" style="display: inline-block;float: right;" /></div>
				<input type="text" name="verify" style="width: 30%;margin: 0 0 0 -20px" placeholder="请输入验证码"/>		
			</div>
			<div>
				<span style="color: red;">*</span>
				<input type="text" style="width: 49%;" name = "code" placeholder="请输入短信" />
				<input type="button" value="发送验证码" style="width: 30%;margin: 10px 0 0 5% 
					background: #FFFFFF;text-indent:5px;" onclick='code(this,"{:url('index/index/code')}","{:captcha_src()}")' />				
			</div>
			<div>
				<p><span>*</span>登录密码</p>
				<input type="password" name="password" placeholder="首字母为大写的8-18位字符" />	
			</div>
			<div>
				<p><span>*</span>重复密码</p>
				<input type="password" name="rpwd" placeholder="请再次输入密码"/>
			</div>
			<div>
				<p><span>*</span>推荐人</p>
				<input type="text" name = 'pmobile' placeholder="推荐人手机号"/>	
			</div>
			<div >
				<p>微信/QQ</p>
				<input type="text" name="QQaccount"  placeholder="请输入您的微信号或QQ号"/>				
			</div>
			<div class="dxk" style="margin: -20px 0 0 0;">
				<input type="checkbox" name="read" value="Y" style="width: 12px;"  style="display: inline-block;margin:  0 0 0 20px;"/>
				<p class="wf">我已阅读并同意（服务协议）</p>
			</div>
			<div>
				<button onclick='signup(this,"{:url('index/index/signup')}")'>确认</button>				
			</div>
		</div>
	</div>
{/block}
{block name='script'}
	<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
	<script src="/static/js/earnings.js"></script>
	<script type="text/javascript" src="/static/js/eacharts.js"></script>
	<script src="/static/js/home_page.js"></script>


	
{/block}